<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" >
        <van-swipe-item 
            v-for="(image, index) in images" 
            :key="index"
        >
            <img :src="image.photo" alt="">
        </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';

Vue.use(Swipe);
Vue.use(SwipeItem);
export default {
  data() {
    return {
        images:[
            {photo:require('../../assets/cyimages/images/Sswipe1_02.png')},
            {photo:require('../../assets/cyimages/images/swip2_03.png')},
        ]
    };
  }
};
</script>

<style scoped>
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }
  img{
    width:100%;
  }
</style>